@import 'nib'

html, body, div, span, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
  font-family "Microsoft YaHei" ,"微软雅黑" !important

v_font_size
  font-size 14px

[v-cloak]
  display none

body, html
  height 100%
  -webkit-tap-highlight-color transparent

body
  font-family "Microsoft YaHei" ,"Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif"
  @extend v_font_size
  font-weight normal
  overflow-x hidden
  background-color #e8ecf0

v_inline
  display inline-block
  *display inline
  _display inline
  *zoom 1
  _zoom 1

.container
  height 100%
  -webkit-overflow-scrolling touch

.container>div
  height 100%
  background-color #e8ecf0

inline-img(url, w, h)
  background url(url) no-repeat
  width w
  height h
  @extend v_inline

.loadding
  width 100%
  text-align center
  .load-txt
    margin-bottom 20px
    clear both
  .load-ico
    inline-img('/mobile/dest/img/loadding.gif', 32px, 32px)

.loaded-fail
  text-align center

.c-hidden
  display none

.c-vhidden
  visibility hidden

//- Vue-Router过渡动画
.fade-enter-active, .fade-leave-active
  transition opacity .5s ease

.fade-enter, .fade-leave-active
  opacity 0

.child-view
  position absolute
  transition all .5s cubic-bezier(.55,0,.1,1)

.slide-left-enter, .slide-right-leave-active
  opacity 0
  -webkit-transform translate(30px, 0)
  transform translate(30px, 0)

.slide-left-leave-active, .slide-right-enter
  opacity 0
  -webkit-transform translate(-30px, 0)
  transform translate(-30px, 0)

// 默认选项卡背景
.pure-menu-selected
  color #108cee !important
  // background url("../mods/sider_bar/img/nav_selected.png") no-repeat left bottom

.pure-form-aligned
  padding-left 2em
  padding-top 1.2em

.pure-menu-horizontal
  padding-left 1.2em
  border-bottom 1px solid #efefef

.pure-table-horizontal
  border 0
  th
    border 0
    height 40px
    line-height 40px
    background #f6f7fb
    color #999
    font-weight 400
  td
    border 0
    height 48px
    line-height 48px
    border-bottom 1px solid #efefef
    background #fff
    color #666
  th, td
    &:last-child
      text-align right
    &:first-child
      padding-left 1.5em
      text-align left

input, textarea, select
  border 0
  border-radius 0 !important
  box-shadow none !important
  border 1px solid #efefef !important

select
  option
    width 100%
    height 2em !important
    line-height 2em
    padding 1em 2em
    color #666
    &:hover
      background #d1e3f7 !important

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
　color #ccc
input:-moz-placeholder,textarea:-moz-placeholder
　color #ccc
input::-moz-placeholder, textarea::-moz-placeholder
　color #ccc
input:-ms-input-placeholder, textarea:-ms-input-placeholder
　color #ccc

.c-cont-pure-button
  color #3d91e5

.c-new-pure-button
  width 80px
  background #3d91e5
  border-radius 0

.c-query-pure-button, .c-save-pure-button
  width 80px
  background #3d91e5
  border-radius 0
  margin-top 1em
.c-reset-pure-button
  width 80px
  background #999
  border-radius 0
  margin-top 1em

.c-tab-menu-link
  width 80px
  height 46px
  display inline-block
  line-height 30px
  color #999
  text-align center
  padding 0
  &:hover
    color #108cee

.c-new-email-content-controls
  float right !important

.c-tab-menu-width
  width 100%

.pure-menu-list
  display block !important

.c-query-padding
  padding-bottom 2em

.email-menu-selected
  background rgb(55, 60, 90)

// 选项卡间隙
.c-menu-item-mgr
  margin-right 0.5em
  float left

// 清除缓存
.c-tab-clear-fixed
  &:before, &:after
    content " "
    display table
  &:after
    clear both

// 表单自定义
.c-table
  width 100%
  
.c-row
  padding .5em 0

// .c-main
//   padding 0 2em 1em
  
.c-button
  text-align left

.c-label
  text-align left

.c-w-100
  width 100%

.c-select-bar
  display -webkit-box
  display -webkit-flex
  display flex
  position fixed
  z-index 500
  bottom 0
  padding 0.5em
  background-color rgba(255,255,255,0.6)

.button-success,
.button-error,
.button-warning,
.button-secondary
  color white
  border-radius 4px
  text-shadow 0 1px 1px rgba(0, 0, 0, 0.2)

.button-success
  background rgb(28, 184, 65) /* this is a green */

.button-error
  background rgb(202, 60, 60) /* this is a maroon */

.button-warning
  background rgb(223, 117, 20) /* this is an orange */

.button-secondary
  background rgb(66, 184, 221) /* this is a light blue */

.c-view-more
  a
    display block
    text-align center
    background #f6f7fb
    border-top 1px solid #efefef
    span
      color #3d91e5
      font-weight 400
      file_size 14px
      line-height 40px
    &:hover
      text-decoration none
      background-color rgba(206,210,218,0.6)

// 必填标识
.c-font-red
  color red
  margin .6em .2em 0 .2em
  font-weight bolder
  font-size larger
.c-loginout
  left 14px !important

.c-input-file
  height 23px !important
  padding 6px 0px

.wangEditor-txt
  height 250px !important

.pdl-28
  padding 0 28px 0 0

.qry-tab
  .c-label
    width 20%
    text-align right

.email-content-title
  margin-left 10px


.paging-nav
  width 100% !important
  // @extend v_clear
  bottom 20px
  // position fixed
  .paging-cont
    float right
    padding 20px 10px
    span
      float left 
      color #666
      font-size 12px
      margin 0 0 0 6px
      padding 5px 10px
    a
      float left
      color #666
      font-size 12px
      margin 0 6px
      padding 5px 10px
      border solid 1px #DDDDDD
      text-decoration none
      &:hover
        border-color #0090C7
        color #0090C7
        text-decoration underline
    strong
      float left
      margin 0 6px
      padding 5px 10px